<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    li {
        height: 20px;
        width: 200px;
        background-color: bisque;
        margin: 10px;
        text-decoration: none;
    }

    li:last-child {
        background-color: red;
    }
    li:nth-child(4) {
        background-color: aquamarine;
    }

    li:nth-child(2n) {
        background-color: brown;
    }

    
    li:nth-child(-n+5) {
        background-color: yellow;
    }


</style>
<body>
    <ui>
        <li>这个是第1个</li>
        <li>这个是第2个</li>
        <li>这个是第3个</li>
        <li>这个是第4个</li>
        <li>这个是第5个</li>
        <li>这个是第6个</li>
        <li>这个是第7个</li>
        <li>这个是第8个</li>
        <li>这个是第9个</li>
        <li>这个是第10个</li>
    </ui>
</body>
</html>